#head {
	top: 0px; left: 0px;
	width: 100%; height: 26px;
	position: fixed;
  background-image: url(about-box.png);
  background-repeat: no-repeat;
  background-color: #2f2f2f;
  background-position: top right;

  z-index: 5;
  padding: 3px;
}
#plothead {
	color: white;
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	z-index: 10;
	text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
}
#tree {
    float: left;
    width: 40%;
    overflow: hidden;
    white-space: nowrap;
    font-family: sans-serif;
    font-size: 10pt;
}
.treenode {
    padding-left: 16px;
}
.treenode:hover {
    background-color: #b5ec09;
}
.closed {
    background: url(plus.png) no-repeat;
    background-position: center left;
}
.opened {
    background: url(minus.png) no-repeat;
    background-position: center left;
}
#content {
    z-index: 5;
    background-color: white;
    position: fixed;
    right: 0px;
    top: 32px;
    width: 690px;
    height: 90%;
}
#content iframe {
    border: none;
    width: 100%;
    height: 90%;
}
#sub {
    margin-left: 32px;
}
#sub div:hover {
    background-color: #b5ec09;
}
.blink {
    background-color: #cde994;
}
#commands {
    display: none;
}

